<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>Fuck your ACE</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

    <link href="./style.css" rel="stylesheet"/>
</head>
<body>
<div id="app">

    <main class="content">
        <textarea id="log-view" readonly></textarea>
    </main>

    <section class="progress-area">
        <p id="progress-text">正在初始化...</p>
        <div class="progress-bar-container">
            <div id="progress-bar-fill"></div>
        </div>
    </section>

    <footer class="footer">
        <p id="author-info">小工具作者: @罗素-Russell</p>
        <p id="log-path"></p>
        <a id="contact-link" href="https://space.bilibili.com/302158326" target="_blank">出现问题？联系作者</a>
    </footer>
</div>
<script src="./main.js" type="module"></script>
</body>
</html>